{extend name="base" /}
{block name="css"}
<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/mmgrid/mmGrid.css?v={$v}" />
<style>
    .container{width:100%;padding-left:20px;}
    .red{color:red;}
    .desc{margin-top:20px;}
    .item{margin-top:20px;}
    .item label{margin-left:5px;cursor:pointer;}
    #progressBox{background:#fff;width:400px;height:100px;position: fixed;top:40%;left:40%;z-index:1000;border:1px solid #ccc;}
</style>
{/block}
{block name="js"}
<script src="__ADMIN__/resources/resources.js?v={$v}" type="text/javascript"></script>
{/block}
{block name="main"}
<div id='alertTips' class='alert alert-success alert-tips fade in'>
  <div id='headTip' class='head'><i class='fa fa-lightbulb-o'></i>操作说明</div>
  <ul class='body'>
    <li>该功能主要用于查看系统资源文件空间占用情况。绿色为有效资源文件，灰色为无效，可删除资源文件。</li>
    <li>只有商品信息、编辑器、文章、商品评价、订单投诉、反馈图片目录会生成缩略图，其余目录则不生成。</li>
  </ul>
</div>
<div id="main" class='mmGrid wst-grid' style="margin-bottom: 10px;">
<table class='mmg-head wst-grid-tree' width='100%' cellspacing='0' cellpadding='0'>
   <thead class='mmg-headWrapper'>
   <tr class='l-grid-hd-row wst-grid-tree-hd'>
       <td width='30' class='wst-grid-tree-hd-cel' height='28' style="width:26px;text-align:center;font-weight:bold;">#</td>
       <td width='150' class='wst-grid-tree-hd-cell' height='28' style='text-align:center;font-weight:bold;'>目录</td>
       <td class='wst-grid-tree-hd-cell' height='28' style='text-align:left;font-weight:bold;'>有效资源文件/无效资源文件</td>
       <td width='80' class='wst-grid-tree-hd-cell' height='28' style='text-align:center;font-weight:bold;'>M</td>
       <td width='260' class='wst-grid-tree-hd-cell' height='28' style='text-align:center;font-weight:bold;'>操作</td>
   </tr>
   </thead>
   <tbody id='list'></tbody>
</table>
</div>
<div id='picHandleBox' style='display:none'>
    <div class="wst-flex-column container">
        <div class='desc red wst-flex-row'>
            <p>说明：</p>
            <ul>
                <li>生成图片功能仅针对有效图片</li>
                <li>系统所有的图片都是以电脑端展示的大图作为原图进行合成移动端大图以及缩略图的</li>
            </ul>
        </div>
        <div class="wst-flex-column item">
            <div>
                <input type="radio" name="handleType" value="1" checked id="handleType1"/><label for='handleType1' >根据电脑端大图重新生成移动端图片</label>
            </div>
            <span class="red" style="margin-left:18px;">移动端图片以电脑端大图为准，大图有水印，移动端也有水印，大图没有水印，移动端也没有水印</span>
        </div>
        <div class="wst-flex-column item">
            <div>
                <input type="radio" name="handleType" value="2" id="handleType2"/><label for='handleType2' >重新生成所有图片</label>
            </div>
            <span class="red" style="margin-left:18px;">当电脑端大图已经有水印时，请勿勾选此项，以免生成的图片含有重复水印</span>
        </div>
    </div>
</div>
<script>
$(function(){initSummary();});
</script>
{/block}